<template>
	<div>
		<button @click="isShow = !isShow">显示/隐藏</button>
		<transition-group 
		name="animate__animated animate__bounce" 
		appear
		enter-active-class="animate__swing"
		leave-active-class="animate__hinge"
		>
			<h1 v-show="isShow" key="1">上午好呀!</h1>
			<h1 v-show="!isShow" key="2">下午午好呀!</h1>
		</transition-group>
	</div>
</template>

<script>
	import 'animate.css'
	export default {
		name:'Test3',
		data(){
			return {
				isShow : true
			}
		}
	}
</script>

<style>
</style>